:root {
    --colgateRed: #ed1d24;
    --colgateRedHover: #cc0000;
    --white: #ffffff;
    --offWhite: #F7F7F7;
    --greytext: #c2c2c2;
    --lightgrey: #949BA1;
    --mediumgrey: #505050;
    --grey: #434343;
    --mediumdarkgrey: #363636;
    --darkgrey: #202020;
    --black: #000000;
}

/*======================== NAVBAR ========================*/
.main-header {
    border-bottom: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover {
    background-color: #495057 !important;
    color: var(--white) !important;
}

/*======================== DATATABLES ========================*/
.table-striped tbody tr.backgroundHighlight:nth-of-type(2n+1) {
    background-color: rgba(250, 227, 224, 0.6);
}

table.dataTable tbody tr.backgroundHighlight {
    background-color: rgba(250, 227, 224, 1);
}

.table-striped tbody tr.backgroundWarning:nth-of-type(2n+1) {
    background-color: rgba(235, 151, 141, 0.8);
}

table.dataTable tbody tr.backgroundWarning {
    background-color: rgba(235, 151, 141, 1);
}

.table-striped tbody tr.backgroundError:nth-of-type(2n+1) {
    background-color: rgba(221, 75, 57, 0.8);
}

table.dataTable tbody tr.backgroundError {
    background-color: rgba(221, 75, 57, 1);
}

tbody tr:hover,
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: var(--offWhite) !important;
}

.input-group-text, input[type="number"] {
    height: 38px;
}

/*======================== CARDS ========================*/

.card-danger:not(.card-outline) > .card-header {
    background-color: var(--white);
    color: var(--darkgrey);
}